<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="content-type" content="no-cache, must-revalidate"/>
    <title>从零开始--测试发布</title>
</head>
<!--
    课程详情页面模板
-->
<body data-spy="scroll" data-target="#articleNavbar" data-offset="150">
<!-- 页面头部 -->
<!--#include virtual="/include/header.html"-->
<div id="body">
    <!--页面头部结束sss-->
    <div class="article-banner">
        <div class="banner-bg"></div>
        <div class="banner-info">
            <div class="banner-left">
                <p class="tit">测试发布</p>
                <p class="info">
                    <a href="http://ucenter.sfs.com/#/learning/4028fe8172132e9c01721e6e24ca0001/0" target="_blank" v-cloak>马上学习</a>
                    <a href="#" @click="addopencourse" v-if="learnstatus == 2" v-cloak>立即报名</a>
                    <a href="#" @click="buy" v-if="learnstatus == 3" v-cloak>立即购买</a>
                    <span><em>难度等级</em>
                     高级
                </span>
                    <span><em>课程时长</em><stat v-text="course_stat.s601001"></stat>
                </span>
                    <span><em>评分</em><stat v-text="course_stat.s601002"></stat></span>
                    <span><em>授课模式</em>
                        任务式学习
                </span>
                </p>
            </div>
            <div class="banner-rit">

                    <p><img src="/static/img/widget-video.png" alt="" width="270" height="156"></p>
                <p class="vid-act"><span> <i class="i-heart"></i>收藏 <stat v-text="course_stat.s601003"></stat> </span>
                    <span>分享 <i class="i-weixin"></i><i class="i-qq"></i></span></p>
            </div>
        </div>
    </div>
    <div class="article-cont">
        <div class="tit-list">
            <a href="javascript:;" id="articleClass" class="active">课程介绍</a>
            <a href="javascript:;" id="articleItem">目录</a>
            <!--<a href="javascript:;" id="artcleAsk">问答</a>-->
            <!--<div class="down-fill">
                <span>资料下载</span>
                <ul>
                    <li>java视频资料</li>
                    <li>java视频资料</li>
                    <li>java视频资料</li>
                </ul>
            </div>-->
        </div>
        <div class="article-box">
            <div class="articleClass" style="display: block">
                <!--<div class="rit-title">评价</div>-->
                <div class="article-cont">
                    <div class="article-left-box">
                        <div class="content">

                            <div class="content-com suit">
                                <div class="title"><span>适用人群</span></div>
                                <div class="cont cktop">
                                    <div>
                                        <p>123</p>
                                    </div>
                                    <!--<span class="on-off">更多 <i class="i-chevron-bot"></i></span>-->
                                </div>
                            </div>
                            
                            <div class="content-com about">
                                <div class="title"><span>课程介绍</span></div>
                                <div class="cont cktop">
                                    <div>
                                        <p>123213</p>
                                    </div>
                                    <!--<span class="on-off">更多 <i class="i-chevron-bot"></i></span>-->
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
            <div class="articleItem" style="display: none">
                <div class="article-cont-catalog">
                    <div class="article-left-box">
                        <div class="content">
                            <!--
                                            <div class="item">
                                                <div class="title act"><i class="i-chevron-top"></i>计算机原理<span class="time">8小时</span></div>
                                                <div class="about"></div>
                                                <div class="drop-down" style="height: 100px;">
                                                    <ul class="list-box">
                                                            <li>计算机硬件 <span>66’15”</span></li>
                                                            <li>计算机软件 <span>66’15”</span></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="title act"><i class="i-chevron-top"></i>计算机编程入门<span class="time">8小时</span></div>
                                                <div class="about"></div>
                                                <div class="drop-down" style="height: 100px;">
                                                    <ul class="list-box">
                                                            <li>java语法介绍 <span>66’15”</span></li>
                                                            <li>Hello World <span>66’15”</span></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="title act"><i class="i-chevron-top"></i>数据库编程<span class="time">8小时</span></div>
                                                <div class="about"></div>
                                                <div class="drop-down" style="height: 0px;">
                                                    <ul class="list-box">
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="title act"><i class="i-chevron-top"></i>操作系统原理<span class="time">8小时</span></div>
                                                <div class="about"></div>
                                                <div class="drop-down" style="height: 100px;">
                                                    <ul class="list-box">
                                                            <li>操作系统原理 <span>66’15”</span></li>
                                                            <li>操作系统类型介绍 <span>66’15”</span></li>
                                                    </ul>
                                                </div>
                                            </div>
                            -->
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>

    <div class="popup-box" style="display: none">
        <div class="mask"></div>
        <!--欢迎访问课程弹窗- start -->
        <!--  <div class="popup-course-box">
              <div class="title">程序设计语言 <span class="close-popup">×</span></div>
              <div class="content">
                  <p>欢迎学习本课程，您现在可以访问课程材料了。</p>
                  <p><a href="#">开始学习</a></p>
              </div>
          </div>-->
        <!--欢迎访问课程弹窗- end -->

        <!--支付弹窗- start -->
        <div class="popup-pay-box">
            <div class="title">Bootstrap开发框架 <span class="close-popup">×</span></div>
            <div class="content">
                <img src="./text.png" alt="">
                <div class="info">
                    <p class="info-tit">Bootstrap开发框架 <span>课程有效期:2017年9月12日-2018年9月11日</span></p>
                    <p class="info-pic">课程价格 : <span>￥98</span></p>
                    <p class="info-new-pic">优惠价格 : <span>￥98</span></p>
                </div>
            </div>
            <!-- <div class="fact-pic">实际支付: <span>￥999</span></div>-->
            <div class="go-pay"><a href="#" @click="createOrder" :loading="editLoading"> 确认无误，提交订单</a>
                <!--<a class="addCar" href="">加入购物车</a>--></div>
        </div>
        <!--支付弹窗- end -->
        <div class="popup-comment-box">

        </div>
    </div>
    <!-- 页面底部 -->
    <!--底部版权-->
    <!--#include virtual="/include/footer.html"-->

    <!--底部版权-->
</div>
<script>var courseId = "4028fe8172132e9c01721e6e24ca0001"</script>
<!--#include virtual="/include/course_detail_dynamic.html"-->
</body>
</html>